<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>绍兴市管控人员名单</title>

  <link rel="stylesheet" href="/jetfire/css/font-awesome.min.css" type="text/css"/>
  <link rel="stylesheet" href="/jetfire/css/sxReport.css" type="text/css"/>
  <link rel="stylesheet" href="/jetfire/css/bootstrap-select.css"/>
  <link rel="stylesheet" href="/jetfire/js2/dist/bootstrap-table.css"/>
</head>


<body>
<div class="row top-buffer ">
  <div class="col-md-12" style="height: 840px;">
    <div class="card">
      <div class="card-body">
        <h3 class="card-title" style="text-align: center;">绍兴市管控人员名单</h3>
        <div class="row">
          <div class="col-md-12">
            <form id="transForm4sxTable" class="form-inline setWidth width100Per marginB20">
              <div class="form-group marginR16">
                <label for="sbqx">上报区县：</label>
                <select class="form-control" name="sbqx" style="width: 100px;">
                  <option value="">所有</option>
                  <option value="越城区">越城区</option>
                  <option value="柯桥区">柯桥区</option>
                  <option value="上虞区">上虞区</option>
                  <option value="诸暨市">诸暨市</option>
                  <option value="嵊州市">嵊州市</option>
                  <option value="新昌县">新昌县</option>
                  <option value="其他">其他</option>
                </select>
                <div class="clearfix"></div>
              </div>

              <div class="form-group marginR16">
                <label for="xm">姓名：</label>
                <input id="xm" name="xm" class="form-control input-sm width160" style="width: 100px;"
                       placeholder="" type="text">
              </div>

              <div class="form-group marginR16">
                <label for="sfzh">身份证号：</label>
                <input id="sfzh" name="sfzh" class="form-control input-sm width160" style="width: 160px;"
                       placeholder="" type="text">
              </div>

              <div class="form-group marginR16">
                <label for="gkzt">管控状态：</label>
                <input id="gkzt" name="gkzt" class="form-control input-sm width160" style="width: 120px;"
                       placeholder="" type="text">
              </div>

              <div class="form-group marginR16">
                <label for="glfs">隔离方式：</label>
                <input id="glfs" name="glfs" class="form-control input-sm width160" style="width: 120px;"
                       placeholder="" type="text">
              </div>

              <div class="form-group marginR16">
                <label for="bq">标签：</label>
                <input id="bq" name="bq" class="form-control input-sm width160" style="width: 120px;"
                       placeholder="" type="text">
              </div>

              <!--<div class="form-group marginR16">-->
              <!--<label for="gkzt">更新状态：</label>-->
              <!--<select class="form-control width160" name="gkzt" style="width: 176px;">-->
              <!--<option value="结束管控">结束管控</option>-->
              <!--<option value="纳入管控">纳入管控</option>-->
              <!--<option value="转医处理">转医处理</option>-->
              <!--</select>-->
              <!--<div class="clearfix"></div>-->
              <!--</div>-->

              <div class="form-group pull-right">
                <button type="button" class="btn btn-sm btn-primary marginR8 boxSahowY2"
                        onClick="search('sxTable')">
                  <i class="fa fa-search paddingR8" aria-hidden="true"></i>搜索
                </button>
                <button type="button" class="btn btn-sm  btn-default boxSahowY2"
                        onClick="resetForm('transForm4sxTable','sxTable')">
                  <i class="fa fa-repeat paddingR8" aria-hidden="true"></i>重置
                </button>
              </div>

            </form>

            <div class="marginT20">
              <table id="sxTable" class="base_viewTable table" data-toggle="table"
                     data-locale="zh-CN" data-ajax="getTableData"
                     data-side-pagination="server" data-striped="true"
                     data-row-style="rowStyle"
                     data-single-select="true" data-click-to-select="true"
                     data-pagination-loop="false" data-pagination="true" data-icon-size="sm">
                <thead style="text-align: center;">
                <tr>
                  <th data-field="xm" data-halign="center" data-align="center">姓名</th>
                  <th data-field="sfzh" data-halign="center" data-align="center">身份证号</th>
                  <th data-field="lxdh" data-halign="center" data-align="center">联系电话</th>
                  <th data-field="sbqx" data-halign="center" data-align="center">上报区县</th>
                  <th data-field="xjzxzjd" data-halign="center" data-align="center">现居住乡镇/街道</th>
                  <th data-field="xjzcsq" data-halign="center" data-align="center">现居住村/社区</th>
                  <th data-field="gkkssj" data-halign="center" data-align="center">管控开始时间</th>
                  <th data-field="bq" data-halign="center" data-align="center">标签</th>
                  <th data-field="fzrxm" data-halign="center" data-align="center">负责人姓名</th>
                  <th data-field="fzrdd" data-halign="center" data-align="center">负责人钉钉</th>
                  <th data-field="gkzt" data-halign="center" data-align="center">管控状态</th>
                  <th data-field="glfs" data-halign="center" data-align="center">隔离方式</th>
                  <th data-field="gcdd" data-halign="center" data-align="center">观察地点</th>
                  <th data-field="bz" data-halign="center" data-align="center">备注</th>
                </tr>
                </thead>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="/jetfire/js2/jquery-2.2.4.min.js"></script>

<script type="text/javascript" src="/jetfire/js2/popper.min.js"></script>

<script type="text/javascript" src="/jetfire/js2/bootstrap.min.js"></script>
<script type="text/javascript" src="/jetfire/js2/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/jetfire/js2/dist/bootstrap-table.js"></script>
<script type="text/javascript" src="/jetfire/js2/common.js"></script>
<script type="text/javascript">
  $(function () {
    console.log("1")
  });

  function getTableData(params) {
    var pageSize = params.data.limit;
    var pageNum = params.data.offset / pageSize + 1;
    var dataStr = $('#transForm4sxTable').serialize() + '&page=' + pageNum + '&size=' + pageSize;
    var ajaxParams = {
      url: "/gdsb/list?" + dataStr
    }
    $.ajax({
      cache: ajaxParams.cache ? ajaxParams.cache : true,
      type: ajaxParams.type ? ajaxParams.type : 'post',
      url: ajaxParams.url ? ajaxParams.url : "",
      dataType: ajaxParams.dataType ? ajaxParams.dataType : 'json',
      async: ajaxParams.async,
      data: ajaxParams.data ? ajaxParams.data : null,
      timeout: 10000,
      traditional: ajaxParams.traditional ? ajaxParams.traditional : false,
      error: function (request, textStatus, errorThrown) {
        console.log("error");
      },
      success: function (data) {
        var items = data.data.rows;
        count = data.data.total;
        params.success({
          total: count,
          rows: items
        });
      }
    });
  }

  function search(tableId) {
    console.log(22);
    $("#" + tableId).bootstrapTable('selectPage', 1);
  }
</script>
</body>

</html>